<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>左侧菜单</title>
<link href="../../css/bootstrap3.css" rel="stylesheet" media="screen">
<link href="../../css/font-awesome.css" rel="stylesheet"> 
<link href="../../css/koala.css" rel="stylesheet" media="screen">
<script src="../../js/jquery.js" type="text/javascript"></script>
<script src="../../lib/Koala_SideBar.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
</head>
<body>

	<div class="sidebar">
        <ul data-role="nav">
			<li class="has_sub"><a href="#"><i class="icon-edit"></i>基础组件<span class="pull-right"><i class="icon-chevron-right"></i></span></a> 
        	<!-- Sub menu markup -->
                <ul>
                  	<li><a href="javascript:void(0)" load-html="pages/accordion/basic.html">手风琴</a></li>
					<li><a href="javascript:void(0)" load-html="checkBox.html">复选框</a></li>
					<li><a href="javascript:void(0)" load-html="pages/dropdown/basic.html">下拉菜单</a></li>
					<li><a href="javascript:void(0)" load-html="radio.html">单选框</a></li>
					<!-- Form表单 -->
                </ul> 
      		</li>
      		<li class="has_sub"><a href="#"><i class="icon-list-alt"></i>组合框 <span class="pull-right"><i class="icon-chevron-right"></i></span></a>
                <ul>
                  <li><a href="javascript:void(0)" load-html="accordion.html">基本功能</a></li>
                  <li><a href="javascript:void(0)" load-html="accordion.html">多选支持</a></li>
                  <li><a href="javascript:void(0)" load-html="accordion.html">异步加载</a></li>
                  <li><a href="javascript:void(0)" load-html="accordion.html">下拉表格</a></li>
                </ul> 

	      	</li>
	      	<li class="has_sub"><a href="#"> <i class="icon-list-alt"></i>树形组件 <span class="pull-right"><i class="icon-chevron-right"></i></span></a>
                <ul>
                  <li><a href="javascript:void(0)" load-html="accordion.html">基本功能</a></li>
                  <li><a href="javascript:void(0)" load-html="accordion.html">带复选框</a></li>
                  <li><a href="javascript:void(0)" load-html="accordion.html">异步加载</a></li>
                  <li><a href="javascript:void(0)" load-html="accordion.html">可拖拽节点</a></li>
                  <li><a href="javascript:void(0)" load-html="accordion.html">自定义节点图标</a></li>
                  <li><a href="javascript:void(0)" load-html="accordion.html">可编辑节点</a></li>
                  <li><a href="javascript:void(0)" load-html="accordion.html">节点事件</a></li>
                  <li><a href="javascript:void(0)" load-html="accordion.html">节点右键菜单</a></li>
                </ul> 
	      	</li>
		</ul>
	</div>
	      
</body>
</html>